<!DOCTYPE html>
<html>
<head>
  	<meta charset="UTF-8">
  	<title>Howard的简历</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="shortcut icon" href="./img/Home_16px_1183419_easyicon.net.ico">
  	<link rel="stylesheet" href="./css/reset.css"/>
	<link rel="stylesheet" href="./css/style.css" media="screen" type="text/css" />

	<link rel="stylesheet" type="text/css" href="css/normalize.css" />
	<link rel="stylesheet" type="text/css" href="css/default.css">
	<style media="screen">
		body {
			overflow: hidden;
			height: 100%;
			margin: 0;
			padding: 0;
		}

		img {
			width: 100%;
			height: 100%;
		}
	</style>
	<script src="js/rainyday.min.js"></script>
	<script>
		function run() {
			var image = document.getElementById('background');
			image.onload = function() {
				var engine = new RainyDay({
					image: this
				});
				engine.rain([ [3, 2, 2] ], 100);
			};
			image.crossOrigin = 'anonymous';
			image.src = 'css/2.jpg';
		}
	</script>
	<!--[if IE]>
	<script src="http://libs.useso.com/js/html5shiv/3.7/html5shiv.min.js"></script>
	<![endif]-->
</head>
<body onload="run();">
<div class="htmleaf-container">
	<div class="container">
		<div class="workList">
			<h1>Howard</h1>
			<h2>我的作品</h2>
			<div class="works">
				<a target="_blank" href="http://xinfeng.oschina.mopaasapp.com/"><img src="./img/work1.png" alt=""/></a>
			</div>
			<div class="works">
				<a target="_blank" href="http://weathers.oschina.mopaasapp.com/"><img src="./img/weather.png" alt=""/></a>
			</div>
			<div class="works">
				<a target="_blank" href="http://snake.oschina.mopaasapp.com/"><img src="./img/snake.png" alt=""/></a>
			</div>
			<div class="works">
				<a  href=""><img src="./img/draw.png" alt=""/></a>
			</div>
			<div class="works">
				<a  href=""><img src="./img/list.png" alt=""/></a>
			</div>
			<div class="works">
				<a target="_blank" href="http://slot.oschina.mopaasapp.com/"><img src="./img/slorts.png" alt=""/></a>
			</div>
			<a target="_blank" href="">更多作品</a>
		</div>
		<div style="float: left">
			<div class="clear"></div>
			<ul class="align">
				<li>
					<figure class='book'>
						<!-- Front -->
						<ul class='hardcover_front'>
							<li>
								<div class="coverDesign blue">
									<h1>个人简介</h1>
									<!--<p>BOOK</p>-->
								</div>
							</li>
							<li></li>
						</ul>
						<!-- Pages -->
						<ul class='page'>
							<li></li>
							<li>
								<div class="page-text">
									<p>于春宝</p>
									<p>英文名:Howard</p>
									<p>期望职位:前端工程师</p>
									<p>黑龙江人，24岁，毕业于西南科技大学，计算机专业。善于用Axure RP工具实现网站原型，有一定的网页设计能力
										，能熟练运用Photoshop、Sublime text、WebStrom等网页设计制作软件，掌握javaScript、jQuery语言，能熟练运用Bootstrap框架。
									</p>
									<p></p>
									<p>联系方式:</p>
									<p>电话:18281605795</p>
									<p>QQ:398843561</p>
									<p>Email:yuchunbao1991@163.com</p>
									<a target="_blank" href="http://git.oschina.net/Howardyu">gitOSChina</a>
								</div>
							</li>
							<li>
								<img src="./img/u44.png" alt=""/>
							</li>
							<li></li>
							<li></li>
						</ul>
						<!-- Back -->
						<ul class='hardcover_back'>
							<li></li>
							<li></li>
						</ul>
						<ul class='book_spine'>
							<li></li>
							<li></li>
						</ul>
					</figure>
				</li>
			</ul>
		</div>
	</div>
</div>
<img id="background" alt="background" src="" />


</body>

</html>
